<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
<title>分销中心粉丝列表</title>
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link href="../assets/mobile/comm.css" rel="stylesheet" type="text/css" />
<link href="../assets/mobile/member.css?v=130726" rel="stylesheet" type="text/css" />
<link href="../assets/mobile/invite.css?v=130726" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../assets/mobile/top.css">
<link rel="stylesheet" href="../assets/agile/css/ratchet/css/ratchet.min.css">
<link rel="stylesheet" href="../assets/agile/css/flat/flat.component.css">
<link rel="stylesheet" href="../assets/agile/css/flat/iconline.css">
<link rel="stylesheet" href="../assets/app/css/app.css" />
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/jquery.js"></script>
<script type="text/javascript" src="../script/jquery.form.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/local.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<link href="../css/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
<script>
	$(function(){
		$('#zoom').css('height',$(window).height());
		$('#zoom').click(function(){
			$('#zoom').fadeOut();
		});



            $('#openwindow').on('click',function(){
                $('#zoom').fadeIn();

            }
        );


        });

	</script>
</head>
<style>
  .col-xs-2,.col-xs-3{
      height: 100%;
      justify-content:center;
      align-items:center;
      display:-webkit-flex;
  }
    .text-order-color{
        color: #AAE6FF;
    }
    .text-price{
        color: #ff0000;
    }
    .text-status{
        color: #A0A0A0;
    }
    .text-size{
        font-size: 0.1em;
    }
    .no-p{
        padding: 0;
        overflow:hidden;

        white-space:nowrap;



        text-overflow: ellipsis;/* IE/Safari */

        -ms-text-overflow: ellipsis;

        -o-text-overflow: ellipsis;/* Opera */


    }
    .text-0{
        color: black;
    }
    .text-1{
        color: #A0A0A0;
    }
</style>
<body>
<!-- 栏目页面顶部 -->
<div id="ios-top-box">
    <div id="header" class="bar bar-nav">
    <div class="titlebar">
    <a href="javascript:appClose('allFansorder',api);" style="margin-left:10px;" class="myclose"><i class="iconfont iconline-arrow-left"></i></a>
    <h1 class="title">订单列表</h1>
    </div>
    </div>
</div>
<!-- 内页顶部 -->

	<div id="wrapper" style="position:static;top:0px;">
    <section class="clearfix g-member" style="padding-top:0px !important;margin-top:64px !important;">
    <div class="container" style="margin-top:0px !important;">
        <div class="row" style="height: 3em;">
            <div class="col-xs-2 no-p text-center">订单号</div>
            <div class="col-xs-2 no-p">总金额</div>
            <div class="col-xs-2 no-p">比例</div>
            <div class="col-xs-3 no-p">分成金额</div>
            <div class="col-xs-2 col-xs-offset-1 no-p">状态</div>
        </div>
    </div>
        <div style="height: 0.1em;border-bottom: 1px solid #D7D7D7">&nbsp;</div>

	<div class="orderlist">
		<p style="padding:10px;text-align:center;">暂无数据</p>
	</div>

</section>
</div>
<script type="text/javascript">
apiready = function(){
	var userinfo = getUserinfo();
	if(!userinfo){
		$.PageDialog.fail('请登录用户');
	}else{
		var item_uid = localData.get('item_uid');
		if(!item_uid){
			$.PageDialog.fail('数据不存在');
		}else{
			GetJPData(config.url+'/app.php?act=allfansorder&uid='+userinfo.uid,{fans_id:item_uid},function(data){
				if(data['status']){
					var html = '';
					for(var i in data['data']){
						html += '<div class="container"><div class="row" style="height: 3em;">';
				        html += '<div class="col-xs-2 no-p text-center">'+data['data'][i]['orderid']+'</div>';
				        html += '<div class="col-xs-2 no-p text-order-color ">￥'+data['data'][i]['shop_price']+'</div>';
				        html += '<div class="col-xs-2 no-p">'+data['data'][i]['bili']+'</div>';
				        html += '<div class="col-xs-3 no-p text-price">￥'+data['data'][i]['gain_price']+'</div>';
				        html += '<div class="col-xs-2 col-xs-offset-1 no-p"><span class="text-'+data['data'][i]['status']+'">'+data['data'][i]['statu']+'</span></div>';
				        html += '</div><div style="height: 0.1em;border-bottom: 1px solid #D7D7D7">&nbsp;</div></div>';
					}
					$('.orderlist').html(html);
				}else{
					$.PageDialog.fail(data['msg']);
				}
			});
		}
	}
};

</script>
</body>
</html>